<div v-for="(item,index) in 10" class="flex radius-base bg-regular padding-10 news-item" :class="{'news-item-top': index==0}">
  <div class="flex-1 flex-column justify-between news-info">
    <a class="font-size-small text-ellipsis-3 news-title" href="newsDetail.html">Rest in Paece! liverpool Fan in Italy For UCl match dies in cra</a>
    <div class="justify-between font-size-min text-color-secondary news-time-block">
      <time class="news-time">2024-04-02 15:20</time>
      <span class="news-read-num eye-icon">1021</span>
    </div>
  </div>
  <a href="newsDetail.html">
    <img class="radius-base margin-left-10 news-img" src="./images/ball_park.png" alt="" />
  </a> 
</div>
